<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/page/include/taglib.jsp"%>
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" async=""
	src="https://www.google-analytics.com/plugins/ua/ecommerce.js"></script>
<meta name="description"
	content="洋码头海外购物网，1站式海外网上购物网站，海外箱包化妆品代购，母婴用品全程导购，经验分享和商品推荐，让您轻松购遍海外，洋码头海外购物网值得信赖。">
<meta name="keywords" content="洋码头,海外购物网,海外购物网站">
<meta name="mobile-agent"
	content="format=html5; url=http://m.ymatou.com">
<meta charset="utf-8">
<title>洋码头 - 让人放心的海外购物社区货 - 支付</title>
<link rel="shortcut icon" href="/favicon.ico">
<link href="//static.ymatou.com/content/assets/wharf.2016071901.css"
	rel="stylesheet" type="text/css">

     <script>
        var ctx = "${ctx}";
    </script>
<link href="//s2.ymatou.com/shopping/payment.3cd1bf3dd9.css"
	rel="stylesheet" type="text/css">
</head>
<body>

	<div id="pageHeader" style="margin-bottom: 30px;">
		<link href="//s2.ymatou.com/top/common.9b786ce.css" rel="stylesheet"
			type="text/css">
		<link href="//s2.ymatou.com/top/topbar.201a877.css" rel="stylesheet"
			type="text/css">

		<div class="topbar global-wrap">
			<div class="inner">
				<div class="topnar-fl">
					<a href="/">Hi，欢迎来到洋码头！</a> <span class="user-type"
						style="padding-left: 10px; display: inline-block;"> <a
						href="//seller.ymatou.com/Seller" target="_blank">我是买手</a>
					</span>
				</div>
				<ul class="nav topbar-fr">

					<li class="nav-item" id="topbarLoginUser"
						onmouseover="javascript: $('.topbar .dropdownlist').css('display', 'block');"
						onmouseout="javascript: $('.topbar .dropdownlist').css('display', 'none');">
						<a href="#" class="downmenu"><span class="title"
							title="chenjiaxiang">chenjiaxiang</span><i class="arrow-bt"></i></a>
						<div class="dropdownlist"
							style="width: 72px; right: 2px; left: auto;">
							<a
								href="${ctx}/jsp/userLogin.jsp"
								id="logoutId">退出登录</a>
						</div>
					</li>

					<li class="nav-item"><a href="${ctx}/cart/getAllShoppingcart"
						target="_blank"><span class="title">购物车</span></a></li>
					<li class="nav-item"><a href="${ctx }/my/MyTheorder"
						target="_blank"><span class="title">我的订单</span></a></li>
					<li class="nav-item"><a href="${ctx}/my/Mycenter"
						class="downmenu" target="_blank"><span class="title">个人中心</span>
						<!--<i class="arrow-bt"></i>--></a></li>
					<li class="nav-item" style="margin-left: -10px;"><a
						href="/home/rule" target="_blank"><span class="title">规则&amp;公告</span></a>
					</li>
					<!--<li class="nav-item">-->
					<!--<a href="http://evt.ymatou.com/activity_3135_pc?app_banner=home_page" target="_blank"><span class="title">手机洋码头</span></a>-->
					<!--</li>-->
				</ul>
			</div>
		</div>

		<div class="rightbar">
			<ul class="rightbar-inner" style="padding: 270px 0 0;">
				<li class="item user"><a href="${ctx }/my/MyTheorder"
					target="_blank" title="我"><i class="rightbar-icon rti-user"></i></a>
				</li>
				<li class="item"><a href="${ctx}/cart/getAllShoppingcart"
					style="padding-bottom: 2px;" target="_blank" title="购物车"> <i
						class="rightbar-icon rti-cart"></i><span class="title">购<br>物<br>车
					</span> <em class="tips" style="display: none;">9</em>

				</a></li>
				<li class="item"><a style="padding-bottom: 2px;"
					onmouseover="$(&quot;#qrcodeContainer&quot;).show();"
					onmouseout="$(&quot;#qrcodeContainer&quot;).hide();" title="二维码"><i
						class="rightbar-icon rti-code"></i></a>
					<div id="qrcodeContainer"
						style="display: none; position: absolute; top: 0; left: -102px; z-index: 1; width: 102px; height: 126px; background: #383838;">
						<img
							src="//pic1.ymatou.com/G02/M02/FB/5C/CgvUBFht9-CADvH8AAAW6VtgvkI439_62_63_w_o.png"
							title="洋码头二维码"
							style="width: 62px; height: 63px; display: block; margin: 10px auto;">
						<span>下载APP领取<br>260元新人礼包
						</span>
					</div></li>
				<li class="item"><a style="padding-bottom: 2px;"
					href="javascript:void(0)"
					onclick="javascript:document.documentElement.scrollTop = document.body.scrollTop =0"
					title="置顶"><i class="rightbar-icon rti-top"></i><span
						class="title">TOP</span></a></li>
			</ul>
		</div>
		<script type="text/javascript">
  $(function () {
    var locationUrl = location.href;
    //设置登录后返回Url
    if (location.href.toLowerCase().indexOf("login") == -1) {
      var login = $("[href='/login?ret=']");
      if (login != null) {
        login.attr("href", login.attr("href") + locationUrl);
      }
    }
    var logout = $(".topbar #logoutId");
    if (
      logout &&
      locationUrl.indexOf("/my/") == -1 &&
      locationUrl.substring(locationUrl.length - 3).toLowerCase() != "/my"
    ) {
      logout.attr("href", logout.attr("href") + "?ret=" + locationUrl);
    }
  });
</script>

		<script src="//s2.ymatou.com/top/common.8778e94.js" charset="utf-8"
			type="text/javascript"></script>
	</div>
	<div class="shopping-cart-wrap">
		<div class="sw-hd">
			<a href="/" class="logo"></a><span class="title"> 收银台 </span>
			<ul class="step-bar">
				<li class="active"><em>1</em>我的购物车<i
					class="blackfive-icon bi-arrow"></i></li>
				<li class="active"><em>2</em>提交订单<i
					class="blackfive-icon bi-arrow"></i></li>
				<li class="active"><em>3</em>选择支付方式</li>
			</ul>
		</div>
		<div class="check-out-stand">
			<div class="mod-container">
				<div class="mc-hd">
					<p class="message-tips">
						<i class="blackfive-icon bi-success"></i>订单提交成功，现在只差最后一步啦！
					</p>
					<p class="sub-desc">
						请您在提交订单后<em class="warning-tips">60</em>分钟内完成支付，否则订单会自动取消
					</p>
				</div>
				<c:forEach items="${jiesuanmoney }" var="money" begin="0" end="0">
					<div class="mc-bd">
						<div class="money-info">
						<input id="theorder_id" value="${money.theorder_id}" ></input>
						<input id="product_id" value="${money.product_id}" ></input>
						<input id="color_id" value="${money.color_id}" ></input>
						<input id="product_quantity" value="${money.product_quantity}" ></input>
						<input id="color_price" value="${money.color_price}" ></input>
							<p class="total-money">
								应付总金额：<span class="price">¥${money.theorder_money }</span>
							</p>
							<p class="usable-money">
								<label><input class="hkUseBalance" type="checkbox"
									disabled="disabled" data-paytotal="68" data-balance="0">可用账户余额
									<em class="warning-tips">0</em> 元</label> (因海关要求，含保税商品不能使用余额)
							</p>
							<div class="password hkBalancePw" style="display: none;">
								<input class="input-error" type="password" placeholder="请输入交易密码"><span
									class="error-msg" style="display: none;"><i
									class="blackfive-icon bi-wraning"></i>我是错误提示</span>
							</div>
						</div>

						<div class="pay-type">
							<div class="item hkPayWay active" data-name="alipay">
								<i class="pay-icon pi-zhifubao"></i>
								<p>支付宝</p>
								<p class="best-type">推荐</p>
								<i class="blackfive-icon bi-checked"></i>
							</div>
							<div class="item hkPayWay" data-name="wxpay">
								<i class="pay-icon_weixin pi-weixin"></i>
								<p>微信支付</p>
								<i class="blackfive-icon bi-checked"></i>
							</div>
						</div>
						<p class="pay-money">
							需支付：<span class="price">¥ <em class="hkFinallyPay">${money.theorder_money }.00</em>
							</span>
						</p>
					</div>
				</c:forEach>
				<div class="mc-ft">
				<div class="btn-sku btn-basket" id="add_Cart" module_name="add_shoppingcart" module_index=""
                                 key_id="p2575963">
				 <a onclick="location='${ctx}/alipay/zhifu';return false" href="#">
					<button class="pay-btn hkToPay">去支付</button>
					</a>
					</div>
					</div>
				</div>
			</div>
			<input type="hidden" id="tradingId" value="1399300659"> <input
				type="hidden" id="hidPubKey"
				value="-----BEGIN PUBLIC KEY-----
MIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQCj2VFXQGEo6JPgUMw3bLcMspWt
mIaBvyl073Z/n/v3ycZaI8/qvdLv5Z5x4pJ+QCvGd13xjpMrE/lUe4fmwywzIjUG
Vql/Z565GU6sFI5Rasl2Y0vusQlDHTc1VBrYnmWS5Ov2gMFSwgwKVf+7EeUB7A78
PZtNHVAfo2hQnncY+wIDAQAB
-----END PUBLIC KEY-----
">
		</div>
	</div>

	<!--支付宝弹窗-->
	<div class="pop-windows" style="width: 430px; left: 20px; top: 0">
		<div class="pop-wrap">
			<i class="blackfive-icon bi-close" style="z-index: 1;"></i>
			<div class="pop-bd">
				<div class="check-out-type">
					<div class="cot-hd">
						<div class="cot-item">
							<p class="cot-title">
								<em>方法一:</em>支付宝扫码支付
							</p>
							<div class="cot-info">
								<img src="/src/img/zhifubao.png" class="cot-img">
								<p class="cot-desc">
									<i class="blackfive-icon bi-code-light"></i><span>请使用支付宝扫一扫扫描二维码支付</span>
								</p>
							</div>
						</div>
						<div class="cot-site hkAlipaySide">
							<img src="about:blank">
						</div>
					</div>
					<div class="cot-ft">
						<p class="cot-title">
							<em>方法二:</em><a href="#">使用支付宝账号登陆付款 &gt; </a>
						</p>
					</div>
				</div>
			</div>
		</div>
	</div>

	<!--微信弹窗-->
	<div class="pop-windows" id="wxPop" style="width: 774px;">
		<div class="pop-wrap">
			<i class="blackfive-icon bi-close1" style="z-index: 1;"></i>
			<div class="pop-bd">
				<div class="check-out-type">
					<div class="cot-hd">
						<div class="cot-item">
							<p class="cot-title">微信支付</p>
							<div class="cot-info">
								<img src="" class="cot-img">
								<p class="cot-desc">
									<i class="blackfive-icon bi-code-light"></i><span>请使用微信扫一扫扫描二维码支付</span>
								</p>
							</div>
						</div>
						<div class="cot-site hkWeixinSide"></div>
					</div>

				</div>
			</div>
		</div>
	</div>

	<div class="overlay" style="display: none;"></div>





	<script type="text/javascript" async=""
		src="https://dn-growing.qbox.me/vds.js"></script>
	<script async="" src="//www.google-analytics.com/analytics.js"></script>
	<script async="" src="//s1.ymatou.com/bpm/build/gtm/1.3.6/detection.js"></script>
	<script async="" src="//www.googletagmanager.com/gtm.js?id=GTM-5PJKS5"></script>
	<script async="" src="//www.googletagmanager.com/gtm.js?id=GTM-5PJKS5"></script>
	<script>

var orderList = {"code":200,"bcode":0,"msg":null,"data":{"errorCode":null,"errorMessage":null,"totalPayableAmount":68,"tradingStatus":1,"orderInfoList":[{"orderId":1139770659,"orderStatus":1,"userId":43310659,"sellerId":16629210,"paidTime":null,"addTime":null,"confirmReceiveTime":null,"cancelledTime":null,"bizType":null,"fundDetail":null,"productDetails":[{"productDetailId":null,"productName":"直邮新西兰cussons Morning Fresh高浓缩洗洁精安全护手400ml","subsidyAmount":null,"mainCategoryId":0,"subCategoryId":0,"catalogId":"b63c8bee-43eb-485e-ae1b-9218b92b59cd","productId":"a17b8551-edd5-4d1e-b193-751c83faea2f","originalPrice":null,"productPrice":68,"freight":null,"discount":null,"productNum":1,"sellerCouponAmount":null,"ymtCouponAmount":null,"ymtPromotionAmount":null,"sellerPromotionAmount":null,"taxFee":null,"sellerRebateRatio":null,"rebateRatio":null,"rebatePaidAmount":null,"anliPromotionRuleId":null}],"refundBillDetails":null,"newSellerOrder":null,"newCustomerOrder":null,"sellerAgent":null,"xloboDelivery":null,"userLoginId":null,"sellerLoginId":null,"hunterId":null,"hunterOrderType":null,"earnestAmount":null,"goodsOwnerId":null,"taxFee":null,"payableAmout":null,"orderType":0,"shareUserId":null,"actualRebate":null}],"success":true}};

var __orders = [];

if (orderList.code == 200 && orderList.data && orderList.data.orderInfoList) {
	var orderInfoList = orderList.data.orderInfoList;
	var length = orderInfoList.length;

	for (var i = 0; i < length; i++){
		var orderInfo = orderInfoList[i];
		for(var j=0;j<orderInfo.productDetails.length;j++){
			var orderProductItem = orderInfo.productDetails[j];
			var a = {};
			a.orderid = orderInfo.orderId +"_"+orderProductItem.productId;
			a.revenue = orderProductItem.productNum * orderProductItem.productPrice;
			a.items = [] ;
			var item = {
				sproductid:orderProductItem.productId,
				productname:orderProductItem.productName,
				categoryid:orderProductItem.catalogId,
				price:orderProductItem.productPrice,
				quantity:orderProductItem.productNum
			}
			a.items.push(item);
			__orders.push(a);
		}
	}
}

</script>

	<script> 
(function (w, d, s, l, i, o) { 
w['YmatouAnalyticsobject'] = o; 
w[o] = w[o] || function () { 
(w[o].q = w[o].q || []).push(arguments) 
} 

w[l] = w[l] || []; 
w[l].push({ 
'gtm.start': new Date().getTime(), 
event: 'gtm.js' 
}); 
var f = d.getElementsByTagName(s)[0], 
j = d.createElement(s), 
dl = l != 'dataLayer' ? '&l=' + l : ''; 
j.async = true; 
j.src = '//www.googletagmanager.com/gtm.js?id=' + i + dl; 
f.parentNode.insertBefore(j, f); 
})(window, document, 'script', 'dataLayer', 'GTM-5PJKS5', '_dc_'); 
</script>
	<div class="wrapper footer" module_name="user_guarantee">
		<div class="matou-server" style="padding: 10px 0; height: 60px">
			<a class="matou-server-link" style="color: #fff"
				href="/help/zhengpin.html" target="_blank"> <img
				src="">
			</a>
		</div>
		<div class="area">
			<div id="bottom_list" class="bottom_list">
				<ul class="dl">
					<li class="dt">购物指南</li>
					<li><a href="//help.ymatou.com/help_01.html" target="_blank"
						rel="nofollow">注册与登录</a></li>
					<li><a href="//help.ymatou.com/help_02.html" target="_blank"
						rel="nofollow">账户信息维护</a></li>
					<li><a href="//help.ymatou.com/help_05.html" target="_blank"
						rel="nofollow">购物流程</a></li>
					<li><a href="//help.ymatou.com/help_09.html" target="_blank"
						rel="nofollow">会员体系</a></li>
					<li><a href="//help.ymatou.com/help_01_1.html" target="_blank"
						rel="nofollow">常见问题</a></li>
				</ul>
				<ul class="dl">
					<li class="dt">订单服务</li>
					<li><a href="//help.ymatou.com/help_07.html" target="_blank"
						rel="nofollow">订单状态说明</a></li>
					<li><a href="//help.ymatou.com/help_01_1.html" target="_blank"
						rel="nofollow">自动取消订单</a></li>
					<li><a href="//help.ymatou.com/help_07.html" target="_blank"
						rel="nofollow">上传身份证</a></li>
				</ul>
				<ul class="dl">
					<li class="dt">支付与配送</li>
					<li><a href="//help.ymatou.com/help_06.html" target="_blank"
						rel="nofollow">支付方式</a></li>
					<li><a href="//help.ymatou.com/help_16.html" target="_blank"
						rel="nofollow">优惠券和红包</a></li>
					<li><a href="//help.ymatou.com/help_06.html" target="_blank"
						rel="nofollow">如何提现</a></li>
					<li><a href="//help.ymatou.com/help_07.html" target="_blank"
						rel="nofollow">配送方式</a></li>
				</ul>
				<ul class="dl">
					<li class="dt">售后服务</li>
					<li><a href="//help.ymatou.com/help_15.html" target="_blank">消费维权</a></li>
					<li><a href="//help.ymatou.com/help_16.html" target="_blank">纠纷处理规则</a></li>
					<li><a href="//help.ymatou.com/help_17.html" target="_blank">退货规则</a></li>
				</ul>
				<div class="dl last">
					<div class="dt">官方微信</div>
					<p>
						<img src="//static.ymatou.com/content/images/weixin2d-new.png"
							class="img">
					</p>
					<span class="weibobox"> <a
						href="http://weibo.com/ymatou2011" target="_blank">关注微博</a> <a
						href="http://weibo.com/ymatou2011" target="_blank"><span
							class="ico-weibo-png"></span></a>
					</span>
				</div>
			</div>
			<div class="matou-intro">
				<a href="//about.ymatou.com/ymtglobal.html" target="_blank"
					rel="nofollow">关于洋码头</a> <a href="//about.ymatou.com/zhaopin.html"
					target="_blank" rel="nofollow">码头招聘</a> <a
					href="/sellerhome/sitemap/index" target="_blank">网站地图</a> <a
					href="//help.ymatou.com/index.html" target="_blank" rel="nofollow">所有帮助</a>
				<a href="//staticontent.ymatou.com/html/merchant/index.html"
					target="_blank" rel="nofollow">海外招商中心</a> <a
					href="//staticontent.ymatou.com/html/ms_rule/" target="_blank"
					rel="nofollow">扫货买手规则</a> <a class="last"
					href="//help.ymatou.com/qa_02.html" target="_blank" rel="nofollow">卖家常见问题</a>
			</div>
			<div class="copyright" style="margin: 20px; text-align: center">©
				2014－2020 ymatou.hk 版权所有</div>
		</div>
	</div>
	<script src="//s2.ymatou.com/shopping/common.88fa9ab37e.js"
		charset="utf-8" type="text/javascript"></script>
	<script src="//s2.ymatou.com/shopping/payment.88fa9ab37e.js"
		charset="utf-8" type="text/javascript"></script>
				<script>
    $(document).ready(function () {

    });
    //登陆
    $(function () {
        $('#add_Cart').on('click', function () {
        	var theorder_id = $('#theorder_id').val();
        	var product_id = $('#product_id').val();
        	var color_id = $('#color_id').val();
        	var product_quantity = $('#product_quantity').val();
        	var color_price = $('#color_price').val();        
            var i;
            $.ajax({
                type: "post",
                url: ctx + "/alipay/addPay",
                data: {
                	theorder_id: theorder_id,
                	product_id: product_id,
                	color_id: color_id,
                	product_quantity: product_quantity,
                	color_price: color_price,
                },
                success: function (result) {
                    if (result.code == 0) {
                    	alert("成功");
                       /*  window.opern(ctx +'/alipay/zhifu'); */
                        // parent.location.href = ctx + '/index';
                    } else if (result.code != 0) {
                        alert(result.msg);
                    }
                },
                error: function () {
                    alert("获取数据失败！");
                }
            });
            return false;
        });
    });
</script>



	<script>
    (function (w, d, s, l, i, o) {
        w['YmatouAnalyticsobject'] = o;
        w[o] = w[o] || function () {
                    (w[o].q = w[o].q || []).push(arguments)
                }

        w[l] = w[l] || [];
        w[l].push({
            'gtm.start': new Date().getTime(),
            event: 'gtm.js'
        });
        var f = d.getElementsByTagName(s)[0],
                j = d.createElement(s),
                dl = l != 'dataLayer' ? '&l=' + l : '';
        j.async = true;
        j.src = '//www.googletagmanager.com/gtm.js?id=' + i + dl;
        f.parentNode.insertBefore(j, f);
    })(window, document, 'script', 'dataLayer', 'GTM-5PJKS5', '_dc_');
</script>

	<script type="text/javascript" id="">"undefined"==typeof Array.prototype.forEach&&(Array.prototype.forEach=function(a){for(var b=0;b<this.length;b++)a(this[b],b)});(function(a,b,d,f,c,e){a.YmatouAnalyticsobject=a.YmatouAnalyticsobject||d;a[d]=a[d]||function(){(a[d].q=a[d].q||[]).push(arguments)};c=document.createElement("script");e=document.getElementsByTagName("script")[0];c.async=1;b=b.replace(".js",f+".js");c.src=b;e.parentNode.insertBefore(c,e)})(window,"//s1.ymatou.com/bpm/build/gtm/1.3.6/detection.js","_dc_","");
(function(a,b,d,f,c,e,g){a.GoogleAnalyticsObject=c;a[c]=a[c]||function(){(a[c].q=a[c].q||[]).push(arguments)};a[c].l=1*new Date;e=b.createElement(d);g=b.getElementsByTagName(d)[0];e.async=1;e.src=f;g.parentNode.insertBefore(e,g)})(window,document,"script","//www.google-analytics.com/analytics.js","ga");ga("create","UA-18618809-1",{cookieDomain:"ymatou.com"});ga("send","pageview");_dc_("fillCommon",{appid:"4"});_dc_("on","load_more_fn",function(a){console.log(a)});var _vds=_vds||[];window._vds=_vds;
(function(){_vds.push(["setAccountId","b8dc04e0cdcb2603"]);var a=document.createElement("script");a.type="text/javascript";a.async=!0;a.src=("https:"==document.location.protocol?"https://":"http://")+"dn-growing.qbox.me/vds.js";var b=document.getElementsByTagName("script")[0];b.parentNode.insertBefore(a,b)})();</script>
	<script type="text/javascript" id=""
		src="//s1.ymatou.com/bpm/build/gtm/1.3.3/dtk.js"></script>
	<script type="text/javascript" id=""
		src="//s1.ymatou.com/bpm/build/gtm/1.3.3/dtk.js"></script>

	<script type="text/javascript" id=""
		src="//s1.ymatou.com/bpm/build/gtm/1.3.4/evt_common.js"></script>
	<script type="text/javascript" id="">$dtk(function(){__orders&&0<__orders.length&&(ga("require","ecommerce","ecommerce.js"),$dtk.each(__orders,function(d,b){ga("ecommerce:addTransaction",{id:b.orderid,revenue:b.revenue});var c=b.items;c&&0<c.length&&$dtk.each(c,function(c,a){ga("ecommerce:addItem",{id:b.orderid,name:a.productname,sku:a.sproductid,category:a.categoryid,price:a.price,quantity:a.quantity})})}),ga("ecommerce:send"))});</script>
</body>
</html>